<template>

    <div>
        <div class="img">
            <img :src="item.image" class="i1">
        </div>
        <div class="price">{{item.price}}</div>
        <div class="dis">{{item.description}}</div>
        <div class="comment">{{item.comment}}</div>
        <div class="self">
            <Tag color="error">自营</Tag>
        </div>
    </div>

</template>

<script>
export default {
  name: "product",
  props: ['item']
};
</script>

<style lang="scss">
.img {
  width: 220px;
}
.price {
  color: red;
  font-size: 20px;
  width: 220px;
  text-align: left;
  font-weight: 500;
}
.dis {
  width: 220px;
  text-align: left;
  margin-bottom: 2px;
}
.comment {
  width: 220px;
  text-align: left;
}
.self {
  width: 220px;
  text-align: left;
}
</style>
